<template>
    <div>
        <div>
            <span @click="$router.push(i.name)" v-for="i in nav" :key="i.name">{{i.meta.title}}</span>
        </div>
        <div class="ctx">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
import RouterConfig from '@/router/router.config'
export default {
    data(){
        return{
            nav:RouterConfig[0].children[0].children
        }
    }
}
</script>
<style scoped>
.ctx{
    background: #fff;
    width: 90%;
    padding: 15px;
    margin: auto;
    box-sizing: border-box;
    height: 300px;

}
</style>